.postList {
  	padding: 0;
    margin: 0 -12px;
    list-style: none;
    box-sizing: border-box;
  	.postListItem {
  		padding: 0 12px;
    	margin-bottom: 30px;
  		.articleCard {
				padding: 16px 20px 0;
		    background: #fff;
		    border-radius: 3px;
		    box-shadow: 0 1px 2px rgba(151, 151, 151, 0.58);
  			.postMeta {
  				margin: 0 0 10px;
			    line-height: 14px;
			    font-size: 13px;
			    font-weight: bold;
			    color: #727272;
			    overflow: hidden;
  				.postTime {
						line-height: 24px;
					  font-weight: bold;
  				}
  			}
  			.postTitle {
  				margin: 0 0 16px;
  				font-size: 24px;
  				line-height: 32px;
					.postTitleLink {
				    color: #3f51b5;
				    position: relative;
				    display: inline-block;
				    text-decoration: none;

					}
  			}
  			.postContent {
  				word-break: break-all;
  				margin-bottom: 20px;
    			line-height: 1.8;
    			font-size: 15px;
    			display: -webkit-box;
			    -webkit-box-orient: vertical;
			    -webkit-line-clamp: 3;
			    overflow: hidden;
					.postMore {
				    display: inline-block;
				    padding: 0 6px;
				    font-weight: 500;
				    color: #3f51b5 !important;
				    border: none!important;
				    border-radius: 3px;
				    margin-left: 10px;
				    &:hover {
				    	background: #eaecf7;
				    }
					}
  			}
  			.footer {
  				position: relative;
			    margin: 0 -20px;
    			padding: 12px 20px 8px;
			    border-top: 1px solid #ddd;
  				.articleTagList{
  					overflow: hidden;
				    margin: 0;
				    padding: 0;
				    font-size: 13px;
						.articleTagListItem {
							display: inline-block;
							background: #8bc34a;
							margin-right: 15px;
							cursor: pointer;
							.articleTagItemLink {
						    display: block;
						    padding: 0 16px;
						    line-height: 28px;
						    color: rgba(255, 255, 255, 0.8);
						    -webkit-transition: 0.2s ease-in-out;
						    transition: 0.2s ease-in-out;
							}
						}
  				}
  			}
  		}
  	}
  }